
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="zh_cn" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh_cn" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="zh_cn">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>会员中心</title>
<!-- <base href="../mobile/index.html" /> -->

<!-- Facebook share -->
<meta property="og:site_name" content="PHP 开源电商系统 - 成都光大网络科技" />
<meta property="og:url" content="../mobile/account/account" />
<meta property="og:type" content="website" />
<meta property="og:title" content="会员中心" />
<meta property="og:description" content="" />
<meta property="og:image" content="../image/logo-600x315.png" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />

<link href="../javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="../javascript/app.js?v=c276af9139" type="text/javascript"></script>
<script src="../javascript/jquery/photoclip/iscroll-zoom-min.js" type="text/javascript"></script>
<script src="../javascript/jquery/photoclip/hammer.min.js" type="text/javascript"></script>
<script src="../javascript/jquery/photoclip/lrz.all.bundle.js" type="text/javascript"></script>
<script src="../javascript/jquery/photoclip/PhotoClip.js" type="text/javascript"></script>
<link href="../image/favicon.png" rel="icon" />
<link href="../theme/mobile/stylesheet/stylesheet.css?v=7000b9778f" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/vendor/highlightjs/styles/github.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/debugbar.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/widgets.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/openhandler.css">
<link rel="stylesheet" type="text/css" href="../src/DebugBar/Resources/widgets/sqlqueries/widget.css">
<script type="text/javascript" src="../src/DebugBar/Resources/vendor/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/vendor/highlightjs/highlight.pack.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/debugbar.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/widgets.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/openhandler.js"></script>
<script type="text/javascript" src="../src/DebugBar/Resources/widgets/sqlqueries/widget.js"></script>
<script type="text/javascript">jQuery.noConflict(true);</script>

</head>
<body class="account-account" ontouchstart="" onmouseover="">

  <div class="assist-side">
        <a class="btn-meiqia"><i class="iconfont">&#xe607;</i></a>
    <script type='text/javascript'>
      (function(m, ei, q, i, a, j, s) {
        m[i] = m[i] || function() {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', '116919');
      _MEIQIA('language', 'zh');
      _MEIQIA('manualInit'); // 在这里开启手动模式
      _MEIQIA('withoutBtn'); // 不显示默认按钮
      _MEIQIA('init');

      $(document).on('click', '.btn-meiqia', function(event) {
        _MEIQIA('showPanel');
      });
    </script>
            <a href="../mobile/index.html"><i class="iconfont">&#xe629;</i></a>
        <a href="#page-top" class="go-top"><i class="iconfont">&#xe6fe;</i></a>
  </div>

<div class="container account-page">
  <div class="row">
    <div id="content" class="col-sm-12">
      <div class="row widget avatar-container">
        <div class="col-sm-12 acconut-bg">
          <div class="personal-content">
            <img class="personal-image" src="../image/default-avatar-100x100.png" class="img-responsive img-circle">
            <div class="personal-account">
              <span>gzelink</span>
              <span>gzelink@qq.com</span>
            </div>
          </div>
          <div class="eidt-account"><a href="../mobile/account/edit.html"><i class="iconfont">&#xe741;</i></a></div>
          <div class="account-bg-bg"><img src="../image/account-bg-bg.png" class="img-responsive"></div>
        </div>
      </div>
            <div class="row all-order-box">
        <a class="bottom-border" href="../mobile/account/order.html">
          <span>所有订单</span><span>所有订单</span>
        </a>
      </div>
      <div class="row widget">
        <div class="col-sm-12">
          <div class="order-button-groups">
            <div class="order-button"><a href="../mobile/account/order.html"><i class="iconfont">&#xe624;</i><span>所有订单</span></a></div>
            <div class="order-button"><a href="../mobile/account/order.html?type=unpaid"><i class="iconfont">&#xe60c;</i><span>待付款</span></a></div>
            <div class="order-button"><a href="../mobile/account/order.html?type=unshipped"><i class="iconfont">&#xe628;</i><span>待发货</span></a></div>
            <div class="order-button"><a href="../mobile/account/order.html?type=shipped"><i class="iconfont">&#xe62d;</i><span>待收货</span></a></div>
          </div>
        </div>
      </div>
            <div class="row widget">
        <div class="col-sm-12">
          <ul class="accordion-list list-unstyled">
            <li><a href="../mobile/account/edit.html"><i class="iconfont icon-zhanghuxinxi">&#xe63a;</i> 编辑账号</a></li>
            <li><a href="../mobile/account/password.html"><i class="iconfont icon-iconfontmima">&#xe657;</i> 修改密码</a></li>
            <li><a href="../mobile/account/address.html"><i class="iconfont icon-iconfontchanpincanshu">&#xe69e;</i> 地址管理</a></li>
            <li><a href="../mobile/account/wishlist.html"><i class="iconfont icon-iconfontyouhuiquan">&#xe71a;</i> 收藏商品</a></li>
                        <li><a href="../mobile/affiliate/add.html"><i class="iconfont">&#xe623;</i> 注册推广联盟账号</a></li>
                      </ul>
        </div>
      </div>
      <div class="row widget">
        <div class="col-sm-12">
          <ul class="accordion-list list-unstyled">
            <li><a href="../mobile/account/order.html"><i class="iconfont icon-iconfontquanbudingdan">&#xe624;</i> 我的订单</a></li>
            <li><a href="../mobile/account/download.html"><i class="iconfont icon-iconxiazai">&#xe730;</i> 商品下载</a></li>
                        <li><a href="../mobile/account/coupon.html"><i class="iconfont icon-iconxiazai">&#xe620;</i> 优惠券</a></li>
                                    <li><a href="../mobile/account/reward.html"><i class="iconfont icon-iconfontwodehuiyuanqia">&#xe60a;</i> 我的积分</a></li>
                        <li><a href="../mobile/account/return.html"><i class="iconfont icon-tuihuo">&#xe6a4;</i> 商品退换</a></li>
                        <li><a href="../mobile/account/transaction.html"><i class="iconfont icon-custom-take-notes">&#xe67f;</i> 我的余额</a></li>
                        <li><a href="../mobile/account/order_review.html"><i class="iconfont icon-zhanghuxinxi">&#xe63a;</i> 商品评论</a></li>
                        <li><a href="../mobile/account/withdraw_list.html"><i class="iconfont icon-custom-take-notes">&#xe60d;</i> 余额提现</a></li>
                                  </ul>
        </div>
      </div>
      <div class="row widget">
        <div class="col-sm-12">
          <ul class="accordion-list list-unstyled">
            <li><a href="../mobile/account/newsletter.html"><i class="iconfont icon-iconfontyoujian">&#xe63f;</i> 邮件订阅</a></li>
                        <li><a href="../mobile/account/logout"><i class="iconfont icon-iconfont31wode">&#xe613;</i> 退出登录</a></li>
                      </ul>
        </div>
      </div>

    </div>
  </div>
</div>
<script>
    // -------- 将以base64的图片url数据转换为Blob --------
function dataURLtoBlob(dataurl) {
    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
    while(n--){
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {type:mime});
}
$(document).on('click', '.personal-image', function(event) {
  layer.open({
    title: '头像截取',
    type: 1,
    skin: 'layui-layer-rim', //加上边框
    area: ['100%', '100%'], //宽高
    content: '<div id="avatar-upload"><div id="clipArea"></div><input type="file" id="file"><button id="clipBtn" class="btn btn-primary">确定</button></div>'
  });
  $('#file').click();
	var pc = new PhotoClip('#clipArea', {
		size: 260,
		outputSize: 640,
		file: '#file',
		ok: '#clipBtn',
		done: function(dataURL) {
      var blob = dataURLtoBlob(dataURL);
      //使用ajax发送
      var fd = new FormData();
      fd.append("file", blob, "image.png");
      $.ajax({
        url: 'index.php?route=account/avatar',
        type: 'post',
        data: fd,
        contentType: false, // 注意这里应设为false
        processData: false,
        dataType: 'json',
        beforeSend: function() {
        },
        success: function(json) {
          $('.personal-image').attr("src", json['imgurl'] + '?' + Math.random());
        },
        error: function(xhr, ajaxOptions, thrownError) {
          alert(thrownError);
        },
        complete: function () {
          layer.closeAll();
        }
      });
    },
		fail: function(msg) {
			alert(msg);
		}
	});
});
</script>

  <footer>
        <div class="language-currency-wrapper mb-1 mt-1">
            <a href="#" id="switch-language">
    <img src="../image/language/zh-cn.png" alt="简体中文" title="简体中文">
    简体中文
  </a>

  <script type="text/javascript">
  $('#switch-language').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '语言',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: language_modal_content()
    });
  });

  function language_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="../mobile/account/account?language=zh-cn" class="list-group-item"><img src="../image/language/zh-cn.png"/> 简体中文</a>';
        html += '<a href="../mobile/account/account?language=en-gb" class="list-group-item"><img src="../image/language/en-gb.png"/> English</a>';
        html += '<a href="../mobile/account/account?language=zh-hk" class="list-group-item"><img src="../image/language/zh-hk.png"/> 繁體中文</a>';
        html += '</div>';
    return html;
  }
  </script>

                      <a href="#" id="switch-currency">
      ￥  人民币
    </a>

  <script type="text/javascript">
  $('#switch-currency').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '货币',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: currency_modal_content()
    });
  });

  function currency_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="../mobile/account/account?currency=USD" class="list-group-item">$ US Dollar</a>';
        html += '<a href="../mobile/account/account?currency=CNY" class="list-group-item">￥ 人民币</a>';
        html += '<a href="../mobile/account/account?currency=JPY" class="list-group-item">¥ 日元 </a>';
        html += '</div>';
    return html;
  }
  </script>

    </div>
        <div class="container">
      <div class="footer-powered">
        技术支持
      </div>
    </div>
  </footer>
      <nav id="bottom-tab-menu">
      <div class="menu-item">
        <a class="" href="../mobile/index.html">
          <i class="iconfont">&#xe669;</i>
          <div class="name">首页</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../mobile/search.html">
          <i class="iconfont">&#xe602;</i>
          <div class="name">搜索</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../mobile/categories.html">
          <i class="iconfont">&#xe61d;</i>
          <div class="name">分类</div>
        </a>
      </div>
      <div class="menu-item cart">
        <a class="" href="../mobile/cart.html">
          <i class="iconfont"><span class="cart-total" style="display:none;"></span>&#xe660;</i>
          <div class="name">购物车</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="active" href="../mobile/account.html">
          <i class="iconfont">&#xe640;</i>
          <div class="name">会员中心</div>
        </a>
      </div>
    </nav>

</body>
</html>
